Component({

  /**
   * 组件的属性列表
   */
  properties: {
    message: {
      type: String,
      value: 'مۇۋاپىقىيەتلىك بولدى !'
    },
    notificationShow: {
      type: Boolean,
      value: false,
      observer(newVal) {
        if(newVal) this.notificationShowFun();
      }
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    animationData: {}
  },

  /**
   * 组件的方法列表
   */
  methods: {
    notificationShowFun() {
      this.setData({ 
        notificationShow: true,
        animationData: { transform: 'translateY(0)' }
      }, () => {
        // 延迟10ms，确保组件渲染完成
        setTimeout(() => {
          const animation = wx.createAnimation({
            duration: 300,
            timingFunction: 'ease-out'
          });
          animation.translateY(100).step(); // 从屏幕外进入
          this.setData({ animationData: animation.export() });

          // 2秒后执行上滑消失动画
          setTimeout(() => {
            animation.translateY(0).step(); // 回到屏幕内（准备消失）
            this.setData({ animationData: animation.export() }, () => {
              // 动画完成后隐藏组件
              setTimeout(() => {
                this.setData({ notificationShow: false });
              }, 300); // 等待动画完成
            });
          }, 3000); // 停留2秒
        }, 10); // 延迟确保组件渲染
        
      });
    },

  },
  lifetimes: {
    attached: function() {
      
    },
    created() {},
  }
})